<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" 	href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" 	href="../css/center.css"/>
		<link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
	</head>
	<body>
		<!--top-->
		<div id="top">
			<div class="top-con">
				<ul class="top-l">
					<li class="d1">冷链配送 99元顺丰到家 送至：</li>
					<li class="d2">
						<span>北京</span>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
				</ul>		
				<ul class="top-r">
					<li>
						嗨，欢迎你来到顺丰优选！
						<a href="denglu.html">请登录&ensp;</a><a href="zhuce.html">免费注册</a> 
					</li>
					<li><a href="#">我的订单</a></li>
					<li>
						<a href="#">我的优选</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-shouji"></i></b>
						<a href="#">移动客户端</a>
					</li>
					<li>
						<a href="#">帮助中心</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<a href="#">网站导航</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-weibo"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-weixin"></i></b>
					</li>
				</ul>			
			</div>
		</div>
		<!--head-->
		<div id="head">
			<div class="head-con">
				<div class="head-l">
					<a href="#"><img src="../img/logo.jpg" alt="" /></a>
					<img src="../img/logo1.jpg" alt="" />
				</div>
				<div class="head-c">
					<input type="text" value="牛肉"/>
					<button>搜&ensp;索</button>
					<ul>
						<li><a href="#">牛奶</a></li>
						<li><a href="#">鳕鱼</a></li>
						<li><a href="#">白虾</a></li>
						<li><a href="#">大米</a></li>
						<li><a href="#">猕猴桃</a></li>
						<li><a href="#">海外直采</a></li>
						<li><a href="#">榴莲</a></li>
					
					</ul>
				</div>
				<div class="head-r">
					<div>
						<b><i class="iconfont icon-gouwuche"></i></b>
						<p>我的购物车</p>
						<button>0</button>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--nav-->
		<div id="nav">
			<div class="nav-con">
				<div class="nav-l">
					<a href="#">精选商品分类</a>
				</div>
				<div class="nav-c">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">优选生鲜</a></li>
						<li><a href="#">全球美食</a></li>
						<li><a href="#">优选厨房</a></li>
						<li><a href="#">新品尝鲜</a></li>
						<li><a href="#">优选国际</a></li>
						<li><a href="#">优选专区</a></li>
					</ul>
				</div>	
				<div class="nav-r">
					<img src="../img/nav.jpg" alt="" />
				</div>
			</div>
		</div>
		<!--main-->
		<div id="main">
			<div class="main-con">
				<div class="title">
					<p><a href="#">我的优选&nbsp;&gt;&nbsp;我的订单</a></p>
				</div>
				<div class="main-l">
					<ul>
						<span>交易管理</span>
						<ul>
							<li class="hover"><a href="#">我的订单</a></li>
							<li><a href="#">商品评价</a></li>
							<li><a href="#">我的收藏</a></li>
							<li><a href="#">我的积分</a></li>
							<li><a href="#">我的优选卡</a></li>
							<li><a href="#">我的优惠券</a></li>
							<li><a href="#">退款查询</a></li>
							<li><a href="#">售后服务</a></li>
							<li><a href="#">补开发票</a></li>
						</ul>
					</ul>
					<ul>
						<span>会员中心</span>
						<ul>
							<li><a href="#">我的顺丰</a></li>
							<li><a href="#">账户信息</a></li>
							<li><a href="#">收货地址</a></li>
							<li><a href="#">账户安全</a></li>
							<li><a href="#">我的消息</a></li>
							<li><a href="#">文章评论</a></li>
							<li><a href="#">推荐有奖</a></li>
						</ul>
					</ul>
				</div>
				<div class="main-r">
					<div class="main-t">
						<span>您的账户安全级别：</span>
						<em></em>
						<p>设置支付密码，确保账户资金安全。<a href="#">马上行动</a></p>
					</div>
					<div class="main-c">
						<ul>
							<li><a href="#">实物商品</a></li>
							<li><a href="#">电子选项卡</a></li>
						</ul>
					</div>
					<div class="main-b">
						<div>
							<select name="find" id="">
								<b><i class="iconfont icon-icon-test"></i></b>
								<option value="">全部时间</option>
								<option value="">最近六个月</option>
								<option value="">今年内</option>
								<option value="">2016年</option>
								<option value="">2015年</option>
								<option value="">2014年</option>
								<option value="">2013年</option>
								<option value="">2012年</option>
								<option value="">2011年</option>
							</select>
						</div>
						<div></div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
